<template>
    <div>
         <dl>
             <dt>
                 <img src="@/assets/home/moods1.jpg">
             </dt>
             <dd>
                 <h2>
                     二手房捡漏榜&nbsp;>
                 </h2>
                 <p>真低价房源</p>
             </dd>
         </dl>
         <dl>
             <dt>
                 <img src="@/assets/home/moods2.jpg">
             </dt>
             <dd>
                 <h2>
                     新房热销榜&nbsp;>
                 </h2>
                 <p>热气抢手房</p>
             </dd>
         </dl>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
div{
    display: flex;
    justify-content: space-around;
    margin-top: 0.15rem;
   
}
div dl{
    display: flex;
    border: #e6e7ea 0.01rem solid;
    padding: 0.15rem 0.1rem;
    border-radius: 0.1rem;
}
dl h2{
     font-size: 0.14rem;
    font-weight: bold;
}
dl p{
    font-size: 0.12rem;
}
</style>